$theme-orange: #f2994a; //主题橙
$BG2: #292930; //背景--color
$text-color-main: #bdbfc2; //文字主色

$hover-title-color: #f2994a; //鼠标经过标题--color

$white-100percent: #ffffff; //100%白
$white-65percent: #a6a6a6; //65%白    标题默认字体--color

$black-100percent: #000000; //100%黑
$black-85percent: #262626; //85%黑
$black-65percent: #595959; //65%黑    标题默认字体--color
$black-45percent: #8c8c8c; //45%黑    标题默认字体--color
$black-10percent: #e6e6e6; //10%黑    标题默认字体--color
$black-5percent: #F2F2F2; //5%黑    标题默认字体--color

$fontSize-30: 30px;
$fontSize-28: 28px;
$fontSize-22: 22px;
$fontSize-18: 18px;
$fontSize-16: 16px;
$fontSize-14: 14px;
$fontSize-12: 12px;

$fontWeight-500: 500;
$fontWeight-400: 400;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  ThemeOrange: $theme-orange;
  Hover-title-color: $hover-title-color;
  Black-background-color: $BG2;
  Text-color-main: $text-color-main;

  White-100percent: $white-100percent;
  White-65percent: $white-65percent;

  Black-85percent: $black-85percent;
  Black-65percent: $black-65percent;
  Black-45percent: $black-45percent;
  Black-5percent: $black-5percent;

  FontSize-30: $fontSize-30;
  FontSize-28: $fontSize-28;
  FontSize-22: $fontSize-22;
  FontSize-18: $fontSize-18;
  FontSize-16: $fontSize-16;
  FontSize-14: $fontSize-14;
  FontSize-12: $fontSize-12;

  FontWeight-500: $fontWeight-500;
  FontWeight-400: $fontWeight-400;
}
